home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / mozapps / extensions / extensions.css < prev    next >
Cascading Style Sheet File  |  2010-02-13  |  13KB  |  579 lines
  1. #extensionsBox {
  2.   margin: 10px 10px 5px 10px;
  3.   min-width: 1px;
  4. }
  5.  
  6. #extensionsView {
  7.   -moz-appearance: none;
  8. border: 2px solid !important;
  9. -moz-border-radius: 5px;
  10. -moz-border-top-colors:#969595 #c1c0bf !important;
  11. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  12. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  13. -moz-border-right-colors:#bcbbba #dcdbda !important;
  14.   margin: 0;
  15.  /* max-width: 445px;*/
  16. min-width:400px;
  17. }
  18.  
  19. #extensionsView:focus {
  20. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  21. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  22. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  23. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  24. }
  25.  
  26. #resizerBox {
  27.   margin-top: -12px;
  28.   visibility: hidden;
  29. }
  30.  
  31. #resizerBox > resizer {
  32.   height: 10px;
  33.   max-height: 10px;
  34.   visibility: visible;
  35. }
  36.  
  37. #searchfield {
  38.   -moz-margin-start: 0;
  39. }
  40.  
  41. /* Command Bar */
  42. #commandBarBottom {
  43.   margin: 10px 10px 5px 10px;
  44.   min-width: 1px;
  45. }
  46.  
  47. #commandBarBottom button {
  48.   margin: 0;
  49.   -moz-margin-end: 5px;
  50. }
  51.  
  52. /* List Items */
  53. richlistitem {
  54.   padding-top: 6px;
  55.   padding-bottom: 6px;
  56.   -moz-padding-start: 7px;
  57.   -moz-padding-end: 7px;
  58.   min-height: 25px;
  59.   border: 2px solid transparent;
  60. background-color:#ffffff;
  61. }
  62.  
  63. richlistitem[isDisabled="true"] .addonIcon {
  64.   opacity: 0.3;
  65. }
  66.  
  67. richlistitem[isDisabled="true"] {
  68.   color: GrayText;
  69. }
  70.  
  71. richlistitem[newAddon="true"] {
  72.   background-color: InfoBackground;
  73.   color: InfoText;
  74. }
  75.  
  76. richlistitem[selected="true"] {
  77. /* background: #4899ea url("chrome://mozapps/skin/downloads/downloadSelected.png") top left repeat-x; */
  78. background: -moz-linear-gradient(top, #68b4fd, #5190cf);
  79. color: #ffffff;
  80. border: 2px solid;
  81. -moz-border-radius: 3px;
  82. -moz-border-top-colors:#418bd4 #89c3fd;
  83. -moz-border-bottom-colors:#418bd4 #71a8df;
  84. -moz-border-left-colors:#418bd4 #7fb9f1;
  85. -moz-border-right-colors:#418bd4 #7ab3ea;
  86. }
  87.  
  88. richlistitem[selected="true"] .text-link {
  89.   color: inherit;
  90. }
  91.  
  92. richlistitem:hover {
  93. /* background: #d9e8f6 url("chrome://mozapps/skin/downloads/downloadHover.png") top left repeat-x; */
  94. background: -moz-linear-gradient(top, #deeefe, #ccdae7);
  95. color: #000000;
  96. border: 2px solid;
  97. -moz-border-radius: 3px;
  98. -moz-border-top-colors:#cce1f6 #e7f3fe;
  99. -moz-border-bottom-colors:#cadef2 #e3eef8;
  100. -moz-border-left-colors:#cbe0f4 #e5f1fb;
  101. -moz-border-right-colors:#cadff3 #e5f0fb;
  102. }
  103.  
  104. richlistitem[selected="true"]:hover {
  105. /* background: #4899ea url("chrome://mozapps/skin/downloads/downloadSelected.png") top left repeat-x; */
  106. background: -moz-linear-gradient(top, #68b4fd, #5190cf);
  107. color: #ffffff;
  108. border: 2px solid;
  109. -moz-border-radius: 3px;
  110. -moz-border-top-colors:#418bd4 #89c3fd;
  111. -moz-border-bottom-colors:#418bd4 #71a8df;
  112. -moz-border-left-colors:#418bd4 #7fb9f1;
  113. -moz-border-right-colors:#418bd4 #7ab3ea;
  114. }
  115.  
  116. richlistitem[selected="true"][isDisabled="true"] {
  117. /* background: #4899ea url("chrome://mozapps/skin/downloads/downloadSelected.png") top left repeat-x; */
  118. background: -moz-linear-gradient(top, #68b4fd, #5190cf);
  119. color: #ffffff;
  120. border: 2px solid;
  121. -moz-border-radius: 3px;
  122. -moz-border-top-colors:#418bd4 #89c3fd;
  123. -moz-border-bottom-colors:#418bd4 #71a8df;
  124. -moz-border-left-colors:#418bd4 #7fb9f1;
  125. -moz-border-right-colors:#418bd4 #7ab3ea;
  126. }
  127.  
  128. .descriptionWrap {
  129.   margin-bottom: 2px;
  130. }
  131.  
  132. richlistitem[selected="true"]:not([opType]) .descriptionCrop {
  133.   display: none;
  134. }
  135.  
  136. .addonName {
  137.   font-weight: bold;
  138. }
  139.  
  140. .previewText {
  141.   font-size: larger;
  142.   font-weight: bold;
  143.   color: ThreeDShadow;
  144.   text-align: center;
  145. }
  146.  
  147. #themePreviewArea {
  148. -moz-appearance: none;
  149. border: 2px solid !important;
  150. -moz-border-radius: 5px;
  151. -moz-border-top-colors:#969595 #c1c0bf !important;
  152. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  153. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  154. -moz-border-right-colors:#bcbbba #dcdbda !important;
  155. background-color: #ffffff;
  156. color: -moz-FieldText;
  157. min-width: 300px;
  158. overflow: auto;
  159. }
  160.  
  161. #previewImageDeck {
  162.   min-width: 220px;
  163. }
  164.  
  165. #themeSplitter {
  166.  border-width: 0;
  167. }
  168.  
  169. .addonIcon {
  170.   -moz-margin-end: 2px;
  171.   width: 32px;
  172.   height: 32px;
  173. }
  174.  
  175. .addonIcon > image {
  176.   max-width: 32px;
  177.   max-height: 32px;
  178. }
  179.  
  180. .updateBadge,
  181. .notifyBadge {
  182.   width: 16px;
  183.   height: 16px;
  184.   margin-bottom: -3px;
  185.   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
  186. }
  187.  
  188. .updateBadge {
  189.   -moz-margin-end: -2px;
  190.   -moz-image-region: rect(0px 16px 16px 0px);
  191. }
  192.  
  193. .notifyBadge {
  194.   -moz-margin-start: -2px;
  195.   -moz-image-region: rect(0px 48px 16px 32px);
  196. }
  197.  
  198. .updateBadge,
  199. .updateAvailableBox,
  200. .notifyBadge {
  201.   display: none;
  202. }
  203.  
  204. richlistitem[availableUpdateURL][updateable="true"] .updateBadge,
  205. richlistitem[availableUpdateURL][updateable="true"] .updateAvailableBox,
  206. richlistitem[compatible="false"] .notifyBadge,
  207. richlistitem[providesUpdatesSecurely="false"] .notifyBadge,
  208. richlistitem[blocklisted="true"] .notifyBadge,
  209. richlistitem[blocklistedsoft="true"] .notifyBadge,
  210. richlistitem[satisfiesDependencies="false"] .notifyBadge {
  211.   display: -moz-box;
  212. }
  213.  
  214. /* Selected Add-on buttons
  215.    See content/extensions.css to hide / display buttons */
  216. .selectedButtons {
  217.   margin-top: 4px;
  218.   min-height: 2.1em;
  219. }
  220.  
  221. .selectedButtons > button {
  222.   margin-top: 0;
  223.   margin-bottom: 0;
  224. }
  225.  
  226. .enableButton,
  227. .disableButton,
  228. .optionsButton,
  229. .useThemeButton {
  230.   -moz-margin-end: 2px;
  231. list-style-image: url("chrome://browser/skin/icons/16/apply.png") !important;
  232. }
  233.  
  234. .enableButton, .disableButton,
  235. .uninstallButton, .cancelUninstallButton {
  236.   -moz-margin-start: 5px;
  237. }
  238.  
  239. .uninstallButton {
  240.  
  241.   -moz-margin-end: 2px;
  242. list-style-image: url("chrome://browser/skin/icons/16/unistall.png") !important;
  243. }
  244.  
  245.  
  246. /* Selected Add-on status messages and images */
  247. richlistitem[compatible="true"] .incompatibleBox,
  248. richlistitem[providesUpdatesSecurely="true"] .insecureUpdateBox,
  249. richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
  250. richlistitem:not([blocklisted="true"]):not([blocklistedsoft="true"]) .blocklistedBox,
  251. richlistitem[blocklistedsoft="false"]:not([selected="true"]) .blocklistedBox,
  252. richlistitem[blocklisted="false"] .blocklistedLabel,
  253. richlistitem[blocklistedsoft="false"] .softBlocklistedLabel,
  254. richlistitem[opType="needs-uninstall"] .blocklistedBox,
  255. richlistitem[opType="needs-uninstall"] .incompatibleBox,
  256. richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
  257. richlistitem[opType="needs-uninstall"] .blocklistedBox {
  258.   display: none;
  259. }
  260.  
  261. richlistitem[loading="true"] .updateBadge {
  262.   display: -moz-box;
  263.   width: 16px;
  264.   height: 16px;
  265.   margin-bottom: -3px;
  266.   -moz-margin-end: -2px;
  267.   list-style-image: url("chrome://global/skin/icons/loading_16.png");
  268.   -moz-image-region: auto;
  269. }
  270.  
  271. .addonThrobber {
  272.   -moz-margin-start: 5px;
  273.   width: 16px;
  274.   height: 16px;
  275.   list-style-image: url("chrome://global/skin/icons/loading_16.png");
  276. }
  277.  
  278. .selectedStatusMsgs > hbox {
  279.   margin-top: 2px;
  280.   margin-bottom: 2px;
  281. }
  282.  
  283. .selectedStatusMsgs label {
  284.   font-weight: bold;
  285. }
  286.  
  287. .selectedStatusMsgs label.text-link {
  288.   font-weight: normal;
  289.   border: none;
  290. }
  291.  
  292. richlistitem[opType="needs-uninstall"] .notifyBadge {
  293.   display: none;
  294. }
  295.  
  296. .addon-search-details {
  297.   margin-top: 5px;
  298.   margin-bottom: 5px;
  299.   -moz-margin-start: 6px;
  300.   -moz-margin-end: 0;
  301. }
  302.  
  303. .addonThumbnailContainer {
  304. background: #ffffff;
  305. padding: 5px;
  306. border: 2px solid !important;
  307. -moz-border-radius: 5px;
  308. -moz-border-top-colors:#969595 #c1c0bf !important;
  309. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  310. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  311. -moz-border-right-colors:#bcbbba #dcdbda !important;
  312. width: 135px;
  313. min-height: 104px;
  314. -moz-margin-end: 5px;
  315. }
  316.  
  317. .addonMissingThumbnail {
  318. color: GrayText;
  319. font-size: larger;
  320. font-weight: bold;
  321. }
  322.  
  323. .addonFailure {
  324.   width: 16px;
  325.   height: 16px;
  326.   list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
  327.   -moz-image-region: rect(0px 48px 16px 32px);
  328. }
  329.  
  330. .addonRating {
  331.   display: none;
  332. }
  333.  
  334. .addonLearnMore {
  335.   margin-top: 4px;
  336.   margin-bottom: 4px;
  337. }
  338.  
  339. .addonRating[rating] {
  340.   display: -moz-box;
  341.   width: 59px;
  342.   height: 12px;
  343.   list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
  344. }
  345.  
  346. .addonRating[rating="0"] {
  347.   -moz-image-region: rect(0px 60px 12px 0px);
  348. }
  349.  
  350. .addonRating[rating="1"] {
  351.   -moz-image-region: rect(13px 60px 24px 0px);
  352. }
  353.  
  354. .addonRating[rating="2"] {
  355.   -moz-image-region: rect(25px 60px 36px 0px);
  356. }
  357.  
  358. .addonRating[rating="3"] {
  359.   -moz-image-region: rect(37px 60px 48px 0px);
  360. }
  361.  
  362. .addonRating[rating="4"] {
  363.   -moz-image-region: rect(49px 60px 60px 0px);
  364. }
  365.  
  366. .addonRating[rating="5"] {
  367.   -moz-image-region: rect(61px 60px 72px 0px);
  368. }
  369.  
  370. .addonType image {
  371.   -moz-margin-start: 6px;
  372.   list-style-image: url("chrome://mozapps/skin/extensions/extensionIcons.png");
  373.   width: 16px;
  374.   height: 16px;
  375. }
  376.  
  377. .addonTypeExtension image {
  378.   -moz-image-region: rect(0px 16px 16px 0px);
  379. }
  380.  
  381. .addonTypeTheme image {
  382.   -moz-image-region: rect(0px 32px 16px 16px);
  383. }
  384.  
  385. vbox[typeName="status"][type="search-failure"],
  386. vbox[typeName="status"][type="recommended-failure"],
  387. vbox[typeName="status"][type="message-norecommended"],
  388. vbox[typeName="status"][type="message-nosearchresults"],
  389. vbox[typeName="status"][type="retrieve-search"],
  390. vbox[typeName="status"][type="retrieve-recommended"] {
  391.   margin-top: 2em;
  392. }
  393.  
  394. vbox[typeName="status"][type="footer-recommended"],
  395. vbox[typeName="status"][type="footer-search"] {
  396.   margin-top: 1em;
  397. }
  398.  
  399. vbox[typeName="status"][type="header-recommended"] {
  400.   font-size: 150%;
  401.   background: -moz-dialog;
  402. }
  403.  
  404. #progressBox {
  405.   padding: 5px 5px 5px 5px;
  406. }
  407.  
  408. #progressBox > hbox {
  409.   -moz-box-align: center;
  410. }
  411.  
  412. /* View buttons */
  413. .viewSelector {
  414. -moz-box-pack: start;
  415. border: 2px solid !important;
  416. -moz-border-radius: 5px;
  417. -moz-border-top-colors:#969595 #c1c0bf !important;
  418. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  419. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  420. -moz-border-right-colors:#bcbbba #dcdbda !important;
  421. margin: 10px;
  422. background-color: #ffffff;
  423. color: #000;
  424. padding:0 !important;
  425. }
  426.  
  427. .viewSelector:focus {
  428. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  429. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  430. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  431. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  432. }
  433.  
  434. #viewGroup {
  435.  -moz-appearance: none;
  436.  margin:10px 10px 0px 10px !important; 
  437. border: 2px solid !important;
  438. -moz-border-radius: 5px;
  439. -moz-border-top-colors:#969595 #c1c0bf !important;
  440. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  441. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  442. -moz-border-right-colors:#bcbbba #dcdbda !important;
  443. padding:0 !important;
  444.   background-color: #ffffff;
  445.   color: #000;
  446. }
  447.  
  448. #viewGroup:focus {
  449. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  450. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  451. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  452. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  453. }
  454.  
  455. #viewGroup radio {
  456. -moz-appearance: none;
  457. margin: 0;
  458. padding: 5px 10px 1px;
  459. min-width: 4.5em;
  460. list-style-image: url("chrome://mozapps/skin/extensions/viewButtons.png");
  461. border: 2px solid transparent;
  462. background-color:#ffffff;
  463. font-weight:bold;
  464. }
  465.  
  466. #viewGroup radio:hover {
  467. /* background: Transparent url("chrome://browser/skin/preferences/hover.png") center center !important; */
  468. background: -moz-linear-gradient(top, #deeefe, #ccdae7);
  469. color: #000000;
  470. border:2px solid;
  471. -moz-border-top-colors:#cce1f6 #e7f3fe;
  472. -moz-border-bottom-colors:#cadef2 #e3eef8;
  473. -moz-border-right-colors:#cadff3 #e3effa;
  474. -moz-border-left-colors:#cadff3 #e3eff9;
  475. -moz-border-radius:2px;
  476. }
  477.  
  478. #viewGroup radio[selected="true"] {
  479. /*  background: Transparent url("chrome://browser/skin/preferences/select.png") center center !important; */
  480. background: -moz-linear-gradient(top, #68b4fd, #5190cf);
  481. color: #ffffff;
  482. border:2px solid;
  483. -moz-border-top-colors:#418bd4 #89c5fe;
  484. -moz-border-bottom-colors:#418bd4 #71a8df;
  485. -moz-border-right-colors:#418bd4 #77b0e7;
  486. -moz-border-left-colors:#418bd4 #77afe6;
  487. -moz-border-radius:2px;
  488. }
  489.  
  490. .viewButtonIcon {
  491.   width: 32px;
  492.   height: 32px;
  493. }
  494.  
  495. radio#extensions-view,
  496. radio#extensions-view:hover, radio#extensions-view[selected="true"] {
  497.   -moz-image-region: rect(0px, 32px,  32px, 0px)
  498. }
  499.  
  500. radio#themes-view,
  501. radio#themes-view:hover, radio#themes-view[selected="true"] {
  502.   -moz-image-region: rect(0px, 64px,  32px, 32px)
  503. }
  504.  
  505. radio#locales-view,
  506. radio#locales-view:hover, radio#locales-view[selected="true"] {
  507.   -moz-image-region: rect(0px, 96px,  32px, 64px)
  508. }
  509.  
  510. radio#plugins-view,
  511. radio#plugins-view:hover, radio#plugins-view[selected="true"] {
  512.   -moz-image-region: rect(0px, 128px, 32px, 96px)
  513. }
  514.  
  515. radio#updates-view,
  516. radio#updates-view:hover, radio#updates-view[selected="true"] {
  517.   -moz-image-region: rect(0px, 160px, 32px, 128px)
  518. }
  519.  
  520. radio#installs-view,
  521. radio#installs-view:hover, radio#installs-view[selected="true"] {
  522.   -moz-image-region: rect(0px, 192px, 32px, 160px)
  523. }
  524.  
  525. radio#search-view,
  526. radio#search-view:hover, radio#search-view[selected="true"] {
  527.   -moz-image-region: rect(0px, 224px, 32px, 192px)
  528. }
  529.  
  530. /* Update view checkbox */
  531. .includeUpdate {
  532.   -moz-user-focus: none;
  533. }
  534.  
  535. richlistitem[selected="true"] .includeUpdate {
  536.   -moz-user-focus: normal;
  537. }
  538.  
  539. #infoDisplay {
  540.   overflow-y: auto;
  541. }
  542.  
  543. #infoDisplay body {
  544.   padding: 5px;
  545. }
  546.  
  547. #infoDisplay h1,
  548. #infoDisplay h2,
  549. #infoDisplay h3 {
  550.   text-align: left;
  551.   font-weight: bold;
  552.   margin: 0 0 0.7em 0;
  553. }
  554.  
  555. #infoDisplay h1 {
  556.   font-size: 150%;
  557. }
  558.  
  559. #infoDisplay h2 {
  560.   font-size: 125%;
  561. }
  562.  
  563. #infoDisplay h3 {
  564.   font-size: 100%;
  565. }
  566.  
  567. #infoDisplay ol,
  568. #infoDisplay ul {
  569.   margin: 0 0 0.7em 0;
  570. }
  571.  
  572. #infoDisplay li {
  573.   text-align: left;
  574. }
  575.  
  576. #infoDisplay p {
  577.   text-align: justify;
  578.   margin: 0 0 0.7em 0;
  579. }